import { Form, Radio } from 'antd';

const HoleDesign = () => {

  const sizeOptions = [
      { label: '3mm', value: 3 },
      { label: '5mm', value: 5 },
      { label: '7mm', value: 7 },
  ];

  const shapeOptions = [
    { label: '圆环', value: 'circle' },
    { label: '方形', value: 'square' },
    { label: '三角', value: 'triangle' },
  ];

  return (
    <Form layout="vertical">
      <Form.Item label="形状" name="productName">
        <Radio.Group
            options={shapeOptions}
        />
      </Form.Item>
      <Form.Item label="孔径" name="productName2">
        <Radio.Group
            options={sizeOptions}
        />
      </Form.Item>
    </Form>
  );
};

export default HoleDesign;